<!DOCTYPE html>
<html>
<head>
<title>列表页</title>
<meta name="content-type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="/css/reset.css">
<link rel="stylesheet" type="text/css" href="/source/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">
<link rel="stylesheet" type="text/css" href="/css/layout.css">

<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/source/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/radialIndicator.js"></script>

<script type="text/javascript">
	$(function() {
		$(".nav-sidebar li:not('.has-child')").click(function() {
			$(".nav-sidebar li").removeClass("active");
			$(this).addClass("active");
			$(this).parent("ul").parent("li").addClass("active");
		});

		$(".nav-sidebar > li.has-child > a").click(function() {
			$(this).toggleClass("down");
			$(this).parent("li").children("ul").slideToggle();
		});

		$(".page-num .num").click(function() {
			$(this).parent().children(".num").removeClass("active");
			$(this).addClass("active");
		});
	})
</script>
</head>

<body>
	<!-- 顶端导航条 -->
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<div class="navbar-brand" href="javascript:void(0);">
					<img src="/source/index_logo.jpg" alt="">
				</div>
				<a class="navbar-brand " href="javascript:void(0);">工作台</a>
				<div class="navbar-brand navbar-brand-last" href="javascript:void(0);">
					<span>北京市出入境检验检疫局</span><span class="font13">项目管理系统</span>
				</div>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li class="bell"><a href="javascript:void(0);">
							<i class="glyphicon glyphicon-bell"></i><span>15</span>
						</a></li>
					<li class="user"><a href="javascript:void(0);">
							<img src="/source/user_icon.jpg">张三<span class="triangle-down"></span>
						</a></li>
				</ul>
				<form class="navbar-form navbar-right">
					<input type="text" class="form-control" placeholder="请输入要搜索的内容">
					<i class="glyphicon glyphicon-search"></i>
				</form>
			</div>
		</div>
	</nav>

	<!-- 左侧导航栏 -->
	<div class="sidebar ">
		<ul class="nav nav-sidebar">
			<li class="active"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-inbox"></i>需求池管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-file"></i>项目信息管理
				</a></li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-edit"></i> <span>立项与招标</span>
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i><span>开发与验收</span>
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>维护
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>查询统计
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>通知管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>代办管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>个人管理
				</a></li>
		</ul>
	</div>

	<!-- 右侧主体 -->
	<div class="main">
		<div class="page-title">
			<span class="glyphicon glyphicon-folder-close blue"></span> <span class="title">项目申报管理</span>
		</div>

		<div class="search-bar">
			<form class="form-horizontal" role="form">
				<div class="col-md-4">
					<div class="form-group">
						<label for="inputEmail3" class="col-md-4 control-label">项目编号</label>
						<div class="col-md-8">
							<input type="email" class="form-control" id="inputEmail3" placeholder="">
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="form-group">
						<label for="inputEmail3" class="col-md-4 control-label">项目名称</label>
						<div class="col-md-8">
							<input type="email" class="form-control" id="inputEmail3" placeholder="">
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="form-group">
						<label for="inputEmail3" class="col-md-4 control-label">项目状态</label>
						<div class="col-md-8">
							<select class="form-control">
								<option>全部</option>
							</select>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="form-group f-right">
						<span class="blue" style="margin-right: 10px;cursor: pointer;">隐藏查询条件</span>
						<button type="submit" class="btn btn-blue">查询</button>
					</div>
				</div>
			</form>
		</div>

		<div class="">
			<table class="table table-striped">
				<thead>
					<tr>
						<th style="width: 5%;" class="td-checkbox"><input type="checkbox" class="regular-checkbox" id="checkbox_1"> <label for="checkbox_1"></label></th>
						<th style="width: 12%;">项目编号</th>
						<th>项目名称</th>
						<th>项目简称</th>
						<th>项目类型</th>
						<th>项目状态</th>
						<th>创建时间</th>
						<th class="td-operation">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_2">
							<label for="checkbox_2"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_3">
							<label for="checkbox_3"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_4">
							<label for="checkbox_4"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_5">
							<label for="checkbox_5"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_6">
							<label for="checkbox_6"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_7">
							<label for="checkbox_7"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_8">
							<label for="checkbox_8"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_9">
							<label for="checkbox_9"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_10">
							<label for="checkbox_10"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_11">
							<label for="checkbox_11"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
					<tr>
						<td class="td-checkbox">
							<input type="checkbox" class="regular-checkbox" id="checkbox_12">
							<label for="checkbox_12"></label>
						</td>
						<td>20161008-001</td>
						<td>软件项目管理系统</td>
						<td>项目管理系统</td>
						<td>大型项目</td>
						<td>退回</td>
						<td>2016.10.08</td>
						<td class="td-operation">
							<a>查看</a>
							<a>删除</a>
							<a>修改</a>
						</td>
					</tr>
				</tbody>
			</table>

			<div class="table-bottom">
				<div class="page-num">
					<div class="left-num"><<</div>
					<div class="active num">1</div>
					<div class="num">2</div>
					<div class="num">3</div>
					<div class="right-num">>></div>
				</div>
				<div class="f-right">
					<input type="button" value="导出表格" class="btn btn-cyan">
					<input type="button" value="批量删除" class="btn btn-gray">
					<input type="button" value="新增申报" class="btn btn-blue">
				</div>
			</div>
		</div>

		<div class="footer">北京出入境检验检疫局版权所有 技术支持：北京中科院软件中心有限公司</div>
	</div>
</body>
</html>
